<body class="body_class">
<section id="outerwrapper">
 <!---header start--->
  <header>
   <section id="wrapper">
   {literal}
   	<script type="text/javascript">
		$(function(){
			var linkcolor   = '{/literal}{if $userDetails.template_linkcolor|strlen  < 7 } #{$userDetails.template_linkcolor} {else} {$userDetails.template_linkcolor}{/if}{literal}';
			$("#wrapper a").css('color',linkcolor);
		});
	</script>
   {/literal}
    <section class="lF" style="width:390px;">
     <section class="headertop">
  {*   {if $audioShowOrHide.setting_value eq '1'}
<section class="audioplay">
<object type="application/x-shockwave-flash" data="{$siteroot}/includes/swf/dewplayer-multi.swf" width="240" height="20" id="dewplayer" name="dewplayer"> 
<param name="wmode" value="transparent" /><param name="movie" value="{$siteroot}/includes/swf/dewplayer-multi.swf" /> 
<param name="flashvars" value="mp3={section name=i loop=$useraudioDetails}{if $smarty.section.i.iteration eq $audiocnt} {$siteroot}/uploads/mp3/{$useraudioDetails[i].audio_file}{else}{$siteroot}/uploads/mp3/{$useraudioDetails[i].audio_file}|{/if}{/section}&amp;autostart={$autoPlay}&amp;autoreplay=1&amp;showtime=1&amp;randomplay=1" /> 
</object>        
       </section>
       {/if}
        *}     
     </section>
     <nav>
      <ul id="nav" class="leftnav">                                 
       <li><a href="{$siteroot}" {if $active eq 'home'} class="active" {/if}>Home</a></li>
       <li>
        <a href="{$siteroot}/browse/" {if $active eq 'browse'} class="active" {/if}>DIRECTORY</a>
         <ul>
          <li><a href="javascript:void(0);">Models</a>
            <ul>
            {section name=i loop=$profileNames}
 				 <li><a href="{$siteroot}/browse/?&profile_name={$profileNames[i].profile_name_id}">{$profileNames[i].profile_name|ucfirst|stripslashes}</a></li>            {/section}
            {if $profileNames}
            <li><a href="{$siteroot}/models/models/">All</a></li>
            {/if}
             </ul>          
          </li>
          <li><a href="{$siteroot}/proffesional/">Professionals</a>
            <ul>
             {section name=i loop=$professionalprofileNames}
 				 <li><a href="{$siteroot}/proffesional/?&profile_name={$professionalprofileNames[i].profile_name_id}">{$professionalprofileNames[i].profile_name|ucfirst|stripslashes}</a></li>          
                   {/section}
            {if $professionalprofileNames}
              <li><a href="{$siteroot}/proffesional/?&srt=isv">VIP Proffessionals</a></li>
              <li><a href="{$siteroot}/proffesional/">All</a></li>
              {/if}
             </ul>
          </li>
         </ul>
        </li>
       <li><a href="{$siteroot}/casting/" {if $active eq 'casting'} class="active" {/if}>casting</a>
           <ul>
              <li><a href="{$siteroot}/casting/featured-casting/">Featured Casting Calls</a></li>
              {section name=i loop=$professionalprofileNames}
 	<li>
    <a href="{$siteroot}/casting/?profile_name={$professionalprofileNames[i].profile_name_id}">{$professionalprofileNames[i].profile_name|ucfirst|stripslashes}</a>
    </li>           {/section}
  
    <li><a href="{$siteroot}/casting/">All</a></li>
          </ul>
       </li>
       <li>
       <li class="margin_none"><a href="{$siteroot}/contest/" {if $active eq 'contest'} class="active" {/if}>CONTESTS</a></li>
       <section class="clear"></section>
      </ul>
     </nav>
    </section>
    <section class="lF logo">
     <a href="{$siteroot}/"><img src="{$siteroot}/templates/default/img/logo.png"/></a>
    </section>
    <section class="rF" style="width:380px;">
      <section class="headertop">
       <section class="loginlinks">
      {if $active eq 'register'}
   		<a href="{$siteroot}/register/" class="icon_register_active" style="padding-left:18px;">Register</a>
     {else if  $smarty.session.fb_user neq '' || $smarty.session.vixx_id!=''} 
     	 <a href="{$siteroot}/login/logout/" class="icon_login_logout" onClick="FB.logout();" > Logout </a>     
     {else} 
     <a href="{$siteroot}/register/"  class="icon_register" style="padding-left:18px;">Register</a>
     {/if} 
    
    {if $active eq 'login'}
    	<a href="{$siteroot}/login/" class="icon_login_active">Login</a>
     {elseif $smarty.session.vixx_id!=''} 
      <a href="{$siteroot}/dashboard/" class="icon_login_user" > Welcome {$smarty.session.vixx_first_name}!</a>     
     {else}
     <a href="{$siteroot}/login/" class="icon_login" >Login</a>   
     {/if}  
        <section class="clear"></section>
       </section>
      </section>
      <nav>
      <ul class="rightnav">                                     
       <li class="margin_none"><a href="{$siteroot}/about-us/" {if $active eq 'about-us'} class="active" {/if}>About Us</a></li>
       <li><a href="{$siteroot}/contact-us/" {if $active eq 'contact-us'} class="active" {/if} >Contact Us</a></li>
       <li ><a href="{$siteroot}/forum/"  {if $active eq 'forum'} class="active" {/if} >forums</a></li>
       <li><a href="{$siteroot}/faqs/" {if $active eq 'faqs'} class="active" {/if} >Help</a></li>
       <section class="clear"></section>
      </ul>
     </nav>
    </section>
    <section class="clear"></section>
   </section>
  </header>
  <section>
 <!---header end--->